﻿<!DOCTYPE html>
<html>
<head>
<title>

知乎-与世界分享你的知识、经验和见解
</title>
<meta  content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/my.css">
</head>
<body>
<div id="box">
    <div class="header">
      <div class="header-h1">
      <img src="img/logo.png" alt="知乎"/>
      </div>
      <h2 class="jieshao">与世界分享你的知识、经验和见解</h2>
    </div>
    <div class="main">
      <div class="main-ab">
        <div class="main-a">
          <div class="diyi"><a href="#">注册</a></div>
          <div class="dier"><a href="#">登录</a></div>
        </div>
        <div class="denglu san">
          <div class="shoujihao">
          <input type="text" placeholder="手机号" class="kuang">
          </div>
          <div class="yanzhengma">
          <input type="text" placeholder="验证码" class="kuang">
          </div>
          <div class="duanxin">
          <input type="text" placeholder="短信" class="kuang">
          </div>
        </div>
        <div class="dengluanniu">
        <button type="submit" class="anniu">登录</button>
        <div>
        <p><a href="#">密码登录（手机号或邮箱）</a></p>
        <p><a href="#">社交账号登录</a></p>
        <button type="submit" class="button">下载知乎app</button>
      </div>
    </div>

</div>
<div class="footer">
<span class="span">© 2016 知乎</span>
<span class="dot">·</span>
<a href="#" target="_blank">知乎圆桌</a>
<span class="dot">·</span> 
<a href="#" target="_blank">发现</a>
<span class="dot">·</span>
<a href="#" target="_blank">移动应用</a>
<span class="dot">·</span>
<a href="#" target="_blank">使用机构帐号登录</a>
<span class="dot">·</span>
<a href="#" target="_blank">联系我们</a>
<span class="dot">·</span>
<a href="#" target="_blank">来知乎工作</a>
<span class="dot">·</span>
<a href="#" target="_blank">京 ICP 备 13052560 号</a>
<span class="dot">·</span>
<span>京公网安备 11010802010035 号 </span>
</body>
</html>